<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="telephone=no" name="format-detection">
<title>我的名片</title>
<include file="Public/header"/>
</head>
<body >
<div class=" wrap">
 	<div class="top">
 		<i class="fa fa-angle-left fa-2x top_l" onclick="history.go(-1)"></i>
 		
		<i class="fa fa-phone fa-lg top_r" id="telephone"></i>
 	</div>
 	<div class="cts_xx">

		<if condition="$info['paytime'] gt $pretime">
			<div class="user_txl">
			<h3 style="line-height:40px;">会员到期时间 {$dqtime|date="Y-m-d H:i:s",###}</h3>
			<span style=""><div class="user_txl_button"><a href="{:U('Index/buy')}">点击续费</a></div></span>
			</div>
		<else/>
			<if condition="$info['paytime']">
				<div class="user_txl">
					<h3>您的会员已经到期时间 <br/>
						到期时间：{$dqtime|date="Y-m-d H:i:s",###}<br/>
					</h3>
					<span style="margin-top:2px;"><div class="user_txl_button"><a href="{:U('Index/buy')}">点击续费</a></div></span>
				</div>
			<else/>
				<div class="user_txl">
					<h3>Boss,想和全国苗友做生意吗？<br/>
						赶快加入我们吧！一年仅需30元。<br/>
						<p style="color:red;margin:0;padding:0;font-size:12px;">提示:加入通讯录，您的信息就能被看到。</p>
					</h3>
					<span style="margin-top:12px;"><div class="user_txl_button"><a href="{:U('Index/buy')}">加入通讯录</a></div></span>
				</div>
			</if>
		</if>

 		<div class="cts_xx_t">
			<a href="{$info['headimgurl']|showimg}"><img src="{$info['headimgurl']|headimgsize=###,132}" id="previewImage"></a>
 			<div class="cts_xx_t_r">
				<h3>{$info['nickname']}</h3>
				<span>微信号：{$info['weixinid']}</span>
				<div class="cts_xx_t_r_sw"><a href="{:U('Index/editlist')}" style="color:red;">修改个人信息</a></div>
 			</div>
 		</div>
 		<div class="cts_c">
 			<a href="javascript:;" onclick="base('#base1',this)">
	 			<div class="cts_c_t">
		 			<h3>基本信息</h3>
		 			<i id="base1i" class="fa fa-angle-right fa-lg cts_c_xl" ></i>	
	 			</div>
 			</a>
 			<div class="cts_c_c" id="base1">
				<div class="cts_c_c_nr"><div class="cts_xx_title">单位：</div><div class="cts_xx_con">{$info['company']}</div></div>
 			
 			
				<div class="cts_c_c_nr"><div class="cts_xx_title">地址：</div><div class="cts_xx_con">{$info['address']}</div></div>

				<div class="cts_c_c_nr">
				<div class="cts_xx_title">省市：</div>
				<div class="cts_xx_con">{$info['province']} {$info['city']}</div>
				</div>
 			
				<if condition="$mobilearr">
				<volist id="mobilearr" name="mobilearr">	
				<div class="cts_c_c_nr"><div class="cts_xx_title">电话：</div><div class="cts_xx_con"><a href="tel:{$mobilearr}" style="color:#8c8c8c;">{$mobilearr}</a></div></div>
 			
				</volist>
				<else/>
				<div class="cts_c_c_nr"><div class="cts_xx_title">电话：</div><div class="cts_xx_con"></div></div>
 			
				</if>
 			
				<div class="cts_c_c_nr"><div class="cts_xx_title">Q  Q：</div><div class="cts_xx_con">{$info['qq']}</div></div>
 			
 			
				<div class="cts_c_c_nr"><div class="cts_xx_title">简介：</div><div class="cts_xx_con">{$info['content']|textarea}</div>
	 			</div>
 			</div>
 		</div>
 		<div class="cts_c">
 			<a href="javascript:;" onclick="base('#base2',this)">
	 			<div class="cts_c_t">
		 			<h3>出售信息</h3>
		 			<i id="base2i" class="fa fa-angle-right fa-lg cts_c_xl" ></i>	
	 			</div>
 			</a>
 			<div class="cts_c_c" style="" id="base2">
				<p>{$info['cs']|textarea}</p>
 			</div>
 		</div>
 		<div class="cts_c">
 			<a href="javascript:;" onclick="base('#base3',this)">
	 			<div class="cts_c_t">
		 			<h3>求购信息</h3>
		 			<i id="base3i" class="fa fa-angle-right fa-lg cts_c_xl" ></i>	
	 			</div>
 			</a>
 			<div class="cts_c_c" style="" id="base3">
				<p>{$info['qg']|textarea}</p>
 			</div>
 		</div>
 		<div class="cts_c">
 			<a href="javascript:;" onclick="base('#base4',this)">
	 			<div class="cts_c_t">
		 			<h3>产品展示</h3>
		 			<i id="base4i" class="fa fa-angle-right fa-lg cts_c_xl" ></i>	
	 			</div>
 			</a>
 			<div class="cts_c_c" style="" id="base4">
				<volist name="photoarr" id="photoarr">
				<div style="width:100%;text-align:center;">
				<img src="{$photoarr}" style="max-width:100%;"/>
				<p>{$descarr[$photoarr]}</p>
				</div>
				</volist>
 			</div>
 		</div>
 	</div>
	<include file="Public/footern"/>
</div>
</body>
</html>
<script>
$(function() {
	$('#active4').css("color","#2cad18");
	$('#active4').find('i').css("color","#2cad18");
	$('#commonman').click(function() {
		var url = '{:U('Index/addcommon')}';
		var postdata = {id:{$info['id']}};
		$.post(url,postdata,function(data) {
			if(data==1) {
				alert('操作成功！');
				$('#commonman').parent().hide();
			} else {
				alert('操作失败！');
			}
		},'html');
	});
});
$('.contracts_r').on('click','a',function(e){
	var target = e.target;
	var id = $(target).data("to");
	$('html,body').animate({scrollTop:$('#'+id).offset().top}, 800);
});
function base(ids,self) {
	/*
	$("#base1").hide();
	$("#base2").hide();
	$("#base3").hide();
	$("#base1i").removeClass('fa-angle-right');
	$("#base1i").removeClass('fa-angle-down');
	$("#base1i").addClass('fa-angle-down');

	$("#base2i").removeClass('fa-angle-right');
	$("#base2i").removeClass('fa-angle-down');
	$("#base2i").addClass('fa-angle-down');

	$("#base3i").removeClass('fa-angle-right');
	$("#base3i").removeClass('fa-angle-down');
	$("#base3i").addClass('fa-angle-down');
		
	$(ids).show();
	$(self).children('div').children('i').removeClass('fa-angle-down');
	$(self).children('div').children('i').addClass('fa-angle-right');
	*/
	var display = $(ids).css('display');
	if(display == 'none'){
		$(ids).show();
		$(self).children('div').children('i').removeClass('fa-angle-down');
		$(self).children('div').children('i').addClass('fa-angle-right');
	} else {
		$(ids).hide();
		$(self).children('div').children('i').removeClass('fa-angle-right');
		$(self).children('div').children('i').addClass('fa-angle-down');
	}
}
/*
$(function() {
	$('#previewImage').click(function() {
	wx.ready(function () {
		// 在这里调用 API
		wx.previewImage({
			current: '{$info['headimgurl']}', // 当前显示图片的http链接
			urls: ['{$info['headimgurl']}'] // 需要预览的图片http链接列表
		});
	});
	});
});
*/
</script>
